
class Observer{
    constructor(data){
        this.walk(data)
    }
    // 把对象属性转换成响应式数据
    walk(data){
        // 1. 判断data是否对是对象
        if(!data || typeof data!== 'object'){
            return
        }
        // 2.遍历data对象的所有属性
        Object.keys(data).forEach(key =>{
            this.defineReactive(data,key,data[key])
        })
    }
    defineReactive(obj,key,value) {
        let that = this;
        // 负责收集依赖，并发出通知
        let dep = new Dep();
        // 如果value是对象，把value内部的属性转换成响应式数据
        this.walk(value);
        Object.defineProperty(obj,key,{
            enumerable: true,
            configurable: true,
            get() {
                // 收集依赖
                Dep.target && dep.addSub(Dep.target)
                return value;
            },
            set(newVal) {
                if( newVal === value) { return }
                value = newVal
                // 如果新的值是一个对象，把新值的属性转换成响应式数据
                that.walk(newVal)
                // 发送通知
                dep.notify()
            }
        })
    }
}